/*
* @Author: sam
* @Date:   2017-10-18 09:52:06
* @Last Modified by:   sam
* @Last Modified time: 2017-10-24 10:43:55
*/
.oh { overflow: hidden; }
.viewBox { position: fixed; top:0px; left: 0px; width: 100%; height: 100%; z-index: 100; }
.viewBox.hide { display: none; }
.viewBox .hide { display: none; }

.contentBox { height: 100%; width: 100%; position: absolute; z-index: 10; background: black; }
.touchBox { position: relative; width: 100%; height: 100%; }
.touchPosBox { position: absolute; height: 100%; -webkit-transition:all 0.2s; transition: all 0.2s; }
.touchPosBox div { position: relative; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); height: 100%; margin-right: 20px; float: left; }
.touchPosBox div:last-child { margin-right: 0px; }
.touchPosBox div img { -webkit-transition:all 0.2s; transition: all 0.2s; width: 100%; position: absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }

.numBox { position: absolute; width: 100%; bottom: 0.47em; }
.numBox ul { position: absolute; overflow: hidden; left: 50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
.numBox ul li { float: left; height: 0.14rem; width: 0.14rem; background: #333; border-radius: 100%; margin-right: 0.18rem; }
.numBox ul li:last-child { margin-right: 0; }
.numBox ul li.hover { background: #fff; }